<!--
 * @Author: 卡卡 1071780426@qq.com
 * @Date: 2023-09-27 17:43:02
 * @LastEditors: 贺楠 1071780426@qq.com
 * @LastEditTime: 2024-05-20 10:56:15
 * @FilePath: \mould\src\components\BehaViorManage\feedbackListText\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->

<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      :title="title"
      :modal-append-to-body="false"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialogPerson"
      :append-to-body="true"
      top="5%"
    >
      <div
        class="dialogBody common"
        :style="{ height: '650px' }"
        style="overflow: hidden; width: 100%"
      >
        <div style="margin-bottom: 20px; height: 100%; width: 100%">
          <div
            class="publicForm addMemberCheckBox"
            style="height: calc(100% - 40px); overflow-y: auto; width: 100%"
          >
            <div class="addMemberCheckTree">
              <div class="companyBox">
                <el-tree
                  :data="companyInfo"
                  :props="defaultProps"
                  @node-click="selectCompany"
                  :highlight-current="highlightBd"
                ></el-tree>
              </div>
              <div class="departmentBox">
                <div
                  class="departmentTitle"
                  v-for="(item, index) in departmentList"
                  :key="index"
                  @click="seletDepartment(item, index)"
                >
                  <a
                    href="javascript:;"
                    :class="num === item.fDepartmentId ? 'activetext' : ''"
                    :title="item.fShortName"
                  >
                    {{ item.fShortName }}</a
                  >
                </div>
              </div>
            </div>

            <div class="addMemberCheckLeft">
              <el-checkbox-group
              
              v-if="isMultiple"
                v-model="checkboxGroup1"
                @change="selectRealname($event, personList)"
              >
                <el-checkbox-button
                  v-for="item in personList"
                  :label="item.fUserid"
                  :key="item.fUserid"
                  :value="item.fRealname"
                >
                  <div class="addMemberCheck">
                    <div class="MemberIcon">
                      <img :src="item.fGender == 0 ? girls : boys" alt="" />
                    </div>
                    <div class="MemberDetailInfos">
                      <div class="name">{{ item.fRealname }}</div>
                      <div class="hostName">{{ item.fDepartmentName }}</div>
                      <div class="hostName">{{ item.fAccount }}</div>
                    </div>
                  </div>
                </el-checkbox-button>
              </el-checkbox-group>
              <el-radio-group
              v-else
                v-model="checkboxGroup1"
                @change="selectRealname($event, personList)"
              >
                <el-radio-button
                  v-for="item in personList"
                  :label="item.fUserid"
                  :key="item.fUserid"
                  :value="item.fRealname"
                >
                  <div class="addMemberCheck">
                    <div class="MemberIcon">
                      <img :src="item.fGender == 0 ? girls : boys" alt="" />
                    </div>
                    <div class="MemberDetailInfos">
                      <div class="name">{{ item.fRealname }}</div>
                      <div class="hostName">{{ item.fDepartmentName }}</div>
                      <div class="hostName">{{ item.fAccount }}</div>
                    </div>
                  </div>
                </el-radio-button>
              </el-radio-group>
             
            </div>
          </div>
        </div>
      </div>
      <div class="newlyAdded_btn" v-if="btnShow">
        <el-button type="primary" @click="submitMember()">保存</el-button>
        <el-button type="warning" @click="visible = false"
          >关闭</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
